<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 你是人间四月天 </title>
    <style>
        img {
            display: inline-block;
            vertical-align: middle;
        }

        .title {
            line-height: 25px;
            margin: 0 30px;
            display: inline-block;
            vertical-align: middle;
            box-sizing: border-box;
        }

        .title button {
            background-color: #fff;
            border: none;
            outline: none;
            line-height: 30px;
            font-size: 18px;
            color: rgb(140, 97, 161);
            text-decoration: underline;
        }

        .box {
            display: none;
        }

        .box h3 {
            padding: 3px 20px;
            line-height: 35px;
            background-color: #888;
            color: #fff;
        }
        .box p{
            text-indent: 2em;
            line-height: 24px;
        }
    </style>
</head>

<body>
    <img src="./book.gif" alt="">
    <div class="title">
        <h2>你是人间四月天</h2>
        <p class="content">
            笑响亮了四面风<br>
            轻灵在春的光艳中交舞看变<br>
            你是一月早天的云烟<br>
            黄昏吹着风的软<br>
            ....
        </p>
        <button id="toggle">查看全部</button>
    </div>
    <div class="box">
        <h3>内容简介</h3>
        <p>
            你是人间四月天是永正图书推出的“比烟花寂寞”系列之三。“比烟花寂寞"系列包括《民国女子》《爱眉小札》《你是人间四月天》《你是我眉心未完的诗》。这系列以前所未有的包装形式推出，引起读者尖叫连连。一经上市，便引发各大报纸、媒体的一致报道。
        </p>
        <p>有人崇拜她，把她当做女神、偶像；也有人放出话来，“喜欢她的女人，品行有问题；喜欢她的男人，脑子有问题。”</p>
        <p> 她是缺乏幽娴品德的女人，她喜好与人辩论，她用诗句表达她的哀愁，她精通文理，学贯中西。她对文学和艺术，具有本能的、直接的感悟。生长富贵，命运坎坷，修养让她把热情藏在里面，热情却是她生活的支柱。
            她，就是那个万千宠爱于一身的一代才女——林徽因。</p>
        <p> 《你是人间四月天》是林徽因的一本小说、诗歌、散文、剧本集，几乎收录了林徽因所有的经典文学作品。其散文成就颇大，虽然数量不多，但风格独特，知识性强。诗歌尤多，其诗作融人中国古典诗歌和西方唯美派的一些表现手法，每篇文章都是她灵动思绪和满腹才华的凝结。她的语言温婉淡雅，如行云流水，又如拂面的春风。可以说。她的文字拥有超越时间的魅力。笔下流露出令人惊讶的对民间百态的深谙。
        </p>

    </div>




</body>
<script src="../lib/jquery.min.js"></script>
<script>
    $(function () {
        $('h2').click(e => {
            $('h2').css({
                'color': 'blue',
                'font-size': '16px'
            })
            $('.content').css('color', 'green');

        });
        $('#toggle').click(e => {
            //显示div
            $('.box').toggle();
        });
    });
</script>

</html>